<script setup>
import TeamInfo from "../../common/TeamInfo.vue";
import ScoreBoard from "../../common/ScoreBoard.vue";
</script>

<template>
  <div class="content-top-box">
    <TeamInfo name="主队" role="home" logo="/src/assets/icons/team.png"/>
    <ScoreBoard :home="1" :away="0"/>
    <TeamInfo name="客队" role="away" logo="/src/assets/icons/team.png"/>
  </div>
</template>

<style scoped>
.content-top-box {
  width: auto;
  display: flex;
  justify-content: space-between;
  padding: 62px 20px 0;
}
</style>
